<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魁拔论坛</title>
    <link href="css/header.css" rel="stylesheet" type="text/css"/>
    <link href="css/maker.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/main.js"></script>

</head>
<body>
    <header id="main_header">
        <div class="kb_h_con" id="left_menu" onclick="popOut()">
            <img src="img/list.svg"/>
        </div>        
        <a href="#top_sign">
        <div class="kb_h_con" id="logo_con">
            <img id="kb_logo" src="img/logo1.png"/>
        </div></a>

        <div class="kb_h_con" id="kb_center_nav">
            <div id="kb_top_menu">
                <ul>
                    <li><a href="#">
                        <img id="kb_top_search" src="img/search.svg" onclick="popSearchBox()"/></a>
                    </li>
                    <li><a href="index.htm">首页</a></li>
                    <li><a href="playVedio.htm">放映</a></li>
                    <li><a href="new.htm">公告</a></li>
                </ul>
            </div>
        </div>

        <div id="kb_search_box">
            <img src="img/back.svg"onclick="leftSearchBox()"/>
            <input placeholder="搜索"/>
        </div>

        <div class="kb_h_con" id="h_user">
            <div id="h_user_no" style="display: none;"><span>登陆</span></div>
            <div id="h_user_yes" onclick="popUserInfo()"><img src="img/ht/ms2.jpg"/></div>
        </div>

        <div id="kb_user_info" onclick="leftUserInfo()">
            <div class="kb_user_infoCon" id="kb_infoCon_main">
                <div><img src="img/ht/ms2.jpg"/><span><img class="kb_icon" src="img/list.svg"/></div>
                <p>用户名称</span></p>
                <a href="#moreInfo">
                    <button type="button">更多设置</button>
                </a>
            </div>
            <div class="kb_user_infoCon"></div>
            <div class="kb_user_infoCon"></div>
        </div>

        <div id="menu_list" onclick="popIn()">
            <ul>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">首页</div>
                </li>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">项目</div>
                </li>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">项目</div>
                </li>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">项目</div>
                </li>                      
            </ul>

            <ul>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">项目</div>
                </li>
                <li class="menu_list_con">
                    <img class="kb_list_icon" src="img/list.svg"/>
                    <div class="kb_menu_name">项目</div>
                </li>                 
            </ul>

        </div>
    </header>
    <div id="top_sign"></div>
    
    <div id="kb_maker_center">
        <div id="kb_maker_boxType">
            <select>
                <option value ="volvo">主题</option>
                <option value ="saab">Saab</option>
                <option value="opel">Opel</option>
                <option value="audi">Audi</option>
              </select>
            <input type="text" placeholder="60字符内"/>
            <select>
                <option value ="volvo">平台</option>
                <option value ="saab">Saab</option>
                <option value="opel">Opel</option>
                <option value="audi">Audi</option>
              </select>
            <input type="text" placeholder="ID"/>
        </div>
        <div id="kb_maker_edit">
            <img src="img/face.svg"/>
            <img src="img/photo.svg"/>
            <img src="img/at.svg"/>
        </div>
        <div id="kb_maker_text">
            <textarea></textarea>
        </div>
        <button>确认发送</button>
    </div>

    <footer>
        <p>魁拔论坛@2021</p>
        <section>         
            <ul>
                <li><span>友情链接：</span></li>
                <li><a href="#footer">链接一</a></li>
                <li><a href="#footer">链接二</a></li>
                <li><a href="#footer">链接三</a></li>
            </ul>
            <p>Powered by Discuz! X3.4</p>
        </section>
        <section>
            <p>备案信息放置区：<a href="#footer">备案号</a></p>
        </section>
    </footer>
</body>
</html>